<template>
  <div class="fa_body split_1_9 " style="width:100vw;height:100vh">
        <div class="he_max l_menu wz_topdq"  style="vertical-align: top;">
              <ul>
                     <li @click="$router.push('allShow')">总览</li>
                     <li @click="$router.push('chainPage')">连锁</li>
                     <li @click="$router.push('policesing')">报警</li>
                     <li @click="$router.push('upKeep')">保养</li>
                     <li @click="$router.push('energyPage')">能耗</li>
                    <li @click="$router.push('dataTable')">日志管理</li>
                     <li @click="$router.push('deviceManager')">权限管理</li>
              </ul>
        </div><div class="wz_white wz_jz">
    <router-view></router-view>
    </div>
  </div>
</template>

<script>
// import allShow from "../dorm/allShow";
export default {
  name: "dorm01",
  data(){
     return{

     }
  },
  comments:{
    // allShow
  }
}
</script>

<style scoped>
*{
  padding: 0;
  margin: 0;
}
.fa_body{
  background-image: url("../../assets/img/webg.a69f231.jpg");
}
li{
  text-align: center;
  font-size: 18px;
  padding: 20px 0;
   color: white;
  list-style: none;
}
li:hover{
  color: black;
  border-left: 6px solid green;
  background: rgb(236, 234, 236);
}
.l_menu{
  box-sizing: border-box;
  border-right:  white 1px solid;
}
</style>
